<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<base href="${pageContext.request.contextPath}/">
<meta name="renderer" content="webkit">
<link href="css/bootstrapValidator.min.css" rel="stylesheet">
<title>HPELearn</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/global.css">
<style type="text/css">
.panel-info .panel-heading{
background-color: #5bc0de;
color:white;
font-size: 15px;
border-color: #5bc0de;
}
.input-group{
max-width: 500px;
margin: 0 auto;
}
.input-group-addon{
background-color: #5bc0de;
color:white;
border-color: #5bc0de;
}
</style>
</head>
<body>

	<jsp:include page="head.jsp"></jsp:include>
	
	<div style="margin-top: 82px;"></div>
	<!-- 因为导航栏采用了fix定位，导致其脱离文档流，
		所以用了一个上边距为82px的div填补导航栏本来应该占据的位置
	 -->
	
	<br>
	<div class="container">
    <div class="col-lg-8" style="margin: 0 auto;float:none;">
        <div class="panel panel-info">
            <div class="panel-heading">用户登录</div>
            <div class="panel-body">
                <form action="#" method="post">
                    <div class="input-group">
                        <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
                        <input type="text" class="form-control" placeholder="邮箱/Email">
                    </div>
                    <br/>
                    <div class="input-group">
                        <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                        <input type="text" class="form-control" placeholder="密码/Password">
                    </div>
                    <br/>
                    <div class="text-center">
                    <button class="btn btn-info" type="submit">
                        <span class="glyphicon glyphicon-log-in"></span>&nbsp;&nbsp;&nbsp;&nbsp;登&nbsp;&nbsp;&nbsp;&nbsp;录
                    </button>
                    </div>
                    还没账号？<a href="#">现在注册</a>
                </form>
            </div>
        </div>
    </div>
</div>
	<jsp:include page="footer.jsp"></jsp:include>

</body>
<script src="js/jquery-3.1.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrapValidator.min.js"></script>
<script src="js/zh_CN.min.js"></script>
</html>
